<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>index-v1</title>
  <link href="../../../node_modules/bootstrap/dist/css/bootstrap.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div id="app">
<!--  <p>
    &nbsp;&nbsp;&nbsp;&nbsp;
    &lt;!&ndash; use v-link directive for navigation. &ndash;&gt;
    <a v-link="{ path: '/node' }">Node</a>
    <a v-link="{ path: '/member' }">Member</a>
    <a v-link="{ path: '/task' }">Task</a>
    <button onclick="test()">123</button>
  </p>
  &lt;!&ndash; use router-view element as route outlet &ndash;&gt;
  <router-view></router-view>-->

  <div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
       <!-- <a class="navbar-brand" href="#">Bootstrap theme</a>-->
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
       <!--   <li><a v-link="{ path: '/node' }">node</a></li>-->
          <li><a v-link="{ path: '/member' }">member</a></li>
          <li><a v-link="{ path: '/task' }">task</a></li>
          <!--   <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
         <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
          </li>-->
        </ul>
      </div><!--/.nav-collapse -->
    </div>
    <router-view></router-view>
  </div>

</div>

<script src="../../../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../../../node_modules/bootstrap/dist/js/bootstrap.js"></script>
<script src="../../../node_modules/vue/dist/vue.js"></script>
<script src="../../../node_modules/vue-router/dist/vue-router.js"></script>
<script src="indexpage-v1.js"></script>
</body>
</html>
